<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>首页</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
	</head>
	<body>
		<!--头部-->
		<nav class="navbar navbar-fixed-top navbar-inverse nav-shadow">
			<div class="container-fluid header-box">
				<ul class="nav navbar-nav navbar-right header">
					<li class="active">
						<a href="#">首页</a>
					</li>
					<li>
						<a href="information.html">旅游咨询</a>
					</li>
					<li>
						<a href="book.html">机票订购</a>
					</li>
					<li>
						<a href="view.html">风景欣赏</a>
					</li>
					<li>
						<a href="about.html">关于公司</a>
					</li>
				</ul>
			</div>
		</nav>
		
		<!--图片部分-->
		<section class="header-c">
			<div class="container-fluid header-container">
				<div class="header-pic">
					<img src="img/adver.jpg"/>
					<div class="header-search text-center">
						<form class="form-inline">
						  <div class="form-group header-input">
						    <input type="search" class="form-control" placeholder="请输入旅游景点或城市">
						  </div>
						  <button type="submit" id="header-btn" class="btn btn-default btn-hover">搜索</button>
						</form>
					</div>
				</div>
			</div>
		</section>
		
		<!--内容-->
		<section class="bgcolor">
			<div id="index-pic-box" class="container-fluid">
				<div class="row">
					<div class="col-xs-12">
						<h1 class="text-center"><strong>热门旅游</strong></h1>
						<p class="text-center">国内旅游、国外旅游、自助旅游、自驾旅游、油轮签证、主题旅游等各种最新热门旅游推荐</p>
					</div>
				</div>
				<div class="row">
					<div class="col-xs-6 col-md-4 index-picbox clearfix">
						<div class="commonpic imglight">
							<span>国内长线</span>
							<img class="img-responsive img-hover" src="img/tour1.jpg"/>
						</div>
						<p class="overflow2"><span>&lt;曼谷-芭提雅6日游&gt;</span>包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费券</p>
						<div class="index-price">
							<span>￥ <strong>2864</strong> 起</span>
							<span>满意度77%</span>
						</div>
					</div>
					<div class="col-xs-6 col-md-4 index-picbox clearfix">
						<div class="commonpic imglight">
							<span>出境长线</span>
							<img class="img-responsive img-hover" src="img/tour2.jpg"/>
						</div>
						<p class="overflow2"><span>&lt;马尔代夫双鱼岛4晚6日自助游&gt;</span>上海出发，机+酒，包含：早晚餐+快艇</p>
						<div class="index-price">
							<span>￥ <strong>8039</strong> 起</span>
							<span>满意度97%</span>
						</div>
					</div>
					<div class="col-xs-6 col-md-4 index-picbox clearfix">
						<div class="commonpic imglight">
							<span>自助旅游</span>
							<img class="img-responsive img-hover" src="img/tour3.jpg"/>
						</div>
						<p class="overflow2"><span>&lt;海南双飞5日游&gt;</span>含盐城接送，全程挂牌四星酒店，一价全含，零自费“自费项目”免费送</p>
						<div class="index-price">
							<span>￥ <strong>2709</strong> 起</span>
							<span>满意度90%</span>
						</div>
					</div>
					<div class="col-xs-6 col-md-4 index-picbox clearfix">
						<div class="commonpic imglight">
							<span>自助旅游</span>
							<img class="img-responsive img-hover" src="img/tour4.jpg"/>
						</div>
						<p class="overflow2"><span>&lt;富山-大阪-东京8日游&gt;</span>暑期亲子，2天自由，无导游安排自费项目，全程不强迫购物</p>
						<div class="index-price">
							<span>￥ <strong>9499</strong> 起</span>
							<span>满意度97%</span>
						</div>
					</div>
					<div class="col-xs-6 col-md-4 index-picbox clearfix">
						<div class="commonpic imglight">
							<span>国内短线</span>
							<img class="img-responsive img-hover" src="img/tour5.jpg"/>
						</div>
						<p class="overflow2"><span>&lt;法瑞意德12日游&gt;</span>4至5星，金色列车，少女峰，部分THE MALL</p>
						<div class="index-price">
							<span>￥ <strong>9199</strong> 起</span>
							<span>满意度97%</span>
						</div>
					</div>
					<div class="col-xs-6 col-md-4 index-picbox clearfix">
						<div class="commonpic imglight">
							<span>出境长线</span>
							<img class="img-responsive img-hover" src="img/tour6.jpg"/>
						</div>
						<p class="overflow2"><span>&lt;巴厘岛6日半自助游&gt;</span>蓝梦出海，独栋别墅，悦榕庄下午茶，纯玩</p>
						<div class="index-price">
							<span>￥ <strong>6488</strong> 起</span>
							<span>满意度95%</span>
						</div>
					</div>
					<div class="col-xs-6 col-md-4 index-picbox clearfix">
						<div class="commonpic imglight">
							<span>游轮观光</span>
							<img class="img-responsive img-hover" src="img/tour7.jpg"/>
						</div>
						<p class="overflow2"><span>&lt;塞舌尔迪拜9日自助游&gt;</span>一游两国，4晚塞舌尔，2晚迪拜，香港EK往返</p>
						<div class="index-price">
							<span>￥ <strong>9669</strong> 起</span>
							<span>满意度100%</span>
						</div>
					</div>
					<div class="col-xs-6 col-md-4 index-picbox clearfix">
						<div class="commonpic imglight">
							<span>出境长线</span>
							<img class="img-responsive img-hover" src="img/tour8.jpg"/>
						</div>
						<p class="overflow2"><span>&lt;花样姐姐土耳其9日或10日游&gt;</span>最高立减3000！中餐六菜一汤+土耳其当地美食满足您挑剔味蕾</p>
						<div class="index-price">
							<span>￥ <strong>9999</strong> 起</span>
							<span>满意度96%</span>
						</div>
					</div>
					<div class="col-xs-6 col-md-4 index-picbox clearfix">
						<div class="commonpic imglight">
							<span>国内短线</span>
							<img class="img-responsive img-hover" src="img/tour9.jpg"/>
						</div>
						<p class="overflow2"><span>&lt;大阪-京都-箱根双飞6日游&gt;</span>盐城直飞，不走回头路，境外无自费，超值之旅</p>
						<div class="index-price">
							<span>￥ <strong>5284</strong> 起</span>
							<span>满意度100%</span>
						</div>
					</div>
				</div>
			</div>
		</section>
		
		<!--页脚-->
		<section class="footer">
			<div class="container-fluid">
				<div class="row footer-nav">
					<div class="col-sm-4 hidden-xs">
						<h3>合作伙伴</h3>
						<ul>
							<li><a href="#">途牛旅游网</a></li>
							<li><a href="#">驴妈妈旅游网</a></li>
							<li><a href="#">携程旅游</a></li>
							<li><a href="#">中国青年旅行社</a></li>
						</ul>
					</div>
					<div class="col-sm-4 hidden-xs">
						<h3>旅游FAQ</h3>
						<ul>
							<li><a href="#">旅游合同签订方式？</a></li>
							<li><a href="#">儿童价是基于什么制定的？</a></li>
							<li><a href="#">旅游的线路品质怎么界定的？</a></li>
							<li><a href="#">单房差是什么？</a></li>
							<li><a href="#">旅游保险有哪些种类？</a></li>
						</ul>
					</div>
					<div class="col-sm-4 hidden-xs">
						<h3>联系方式</h3>
						<ul>
							<li><a href="#">微博：weibo.com/ycku</a></li>
							<li><a href="#">邮件：ycku@ycku.com</a></li>
							<li><a href="#">地址：江苏盐城无名路123号</a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="container-fluid">
				<p class="text-center overflow2">Copyright&copy;YCKU 瓢城旅行社|苏ICP备120110119号|旅行社经营许可证：L-YC-BK12345</p>
			</div>
		</section>
		
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
